<template>
  <view class="xbd-step-card">
    <view class="center">
		<view class="tag">业务环节</view>
		<view class="text">{{myInfo.work_link}}</view>
	</view>
	<view class="center">
		<view class="tag">涉及岗位或人员</view>
		<view class="text">{{myInfo.refer}}</view>
	</view>
	<view class="center">
		<view class="tag">廉洁风险点</view>
		<view class="text">{{myInfo.rist_postion}}</view>
	</view>
	<view class="center">
		<view class="tag">廉洁风险等级</view>
		
		<view class="text" :style="{ color: gradeColor(myInfo.level) }">
		{{myInfo.level}}</view>
	</view>
	<view class="center">
		<view class="tag">主要防控措施</view>
		<view class="text">{{myInfo.step}}</view>
	</view>
  </view>
</template>

<script>
export default {
  name: "XbdStepCard",
  props: {
    myInfo:{}
  },
  methods:{
	  gradeColor(val) {
	    let res = "";
	    switch (val) {
	      case "低":
	        res = "#2E73FC";
	        break;
	      case "中":
	        res = "orange";
	        break;
	      case "高":
	        res = "red";
	        break;
	    }
	    return res;
	  },
  }
};
</script>

<style lang="scss" scoped>
.xbd-step-card {
	border-radius: 16rpx;
	margin-top: 30rpx;
		padding: 0 30rpx;
		background-color: #FFFFFF;
	.center{
		padding: 40rpx 0;
		border-bottom: 2rpx dashed #e5e5e5;
		&:nth-last-child(1){
			border-bottom: none !important;
		}
	}
  .tag{
	  font-size: 28rpx;
	  font-weight: 400;
	  color: #8890a5;
	  margin-bottom: 20rpx;
  }
  .text{
	  font-size: 30rpx;
	  color: #000623;
	  white-space: pre-line !important;
	  word-break: break-all !important;
	  word-wrap: break-word ;
  }

}
</style>
